// @flow
import React, { Component } from 'react';
import { Icon } from 'antd';
import LeftMenu from 'components/Header/LeftMenu';
import UserMenuButton from 'components/Header/UserMenuButton';
import './Header.scss';

type Props = { menuCurrent: string };

class Header extends Component<Props> {
  render() {
    const { menuCurrent } = this.props;
    return (
      <header className="header">
        <div className="header-logo">
          <h1>MetLog.</h1>
        </div>
        <div className="menu">
          <Icon className="header-collape-icon" type="bars" />
          <LeftMenu current={menuCurrent} />
          <UserMenuButton onClick={() => {}} thumbnail={null} name="1111" />
        </div>
      </header>
    );
  }
}

export default Header;
